<template>
  <div class="detail-content">
    <el-row :gutter="20">
      <el-col :span="12">
        <span>首页广告编码:</span>
        {{ objData.homeId }}
      </el-col>
      <el-col :span="12">
        <span>首页广告链接:</span>
        {{ objData.homeLink }}
      </el-col>
      <el-col :span="24">
        <span>首页广告图片:</span>
        <div class="demo-image__preview">
          <el-image
            style="width: 400px; height: 400px"
            :src="objData.homeIcon"
            :zoom-rate="1.2"
            :max-scale="7"
            :min-scale="0.2"
            :preview-src-list="[objData.homeIcon]"
            fit="cover"
          ></el-image>
        </div>
      </el-col>
    </el-row>
    <el-button class="btn-back" type="primary" plain @click="$emit('handleCancle')">返回</el-button>
  </div>
</template>
<script>
export default {
  name: "detail",
  data() {
    return {};
  },
  props: {
    // 详情数据
    objData: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    // 趋势类型
    changeTrendsType(type) {
      let TrendsTypeS = {
        2: "搜索",
        3: "信息流",
        4: "电商",
        5: "阿拉丁",
        6: "知识营销"
      };
      return TrendsTypeS[type];
    }
  }
};
</script>
<style scoped lang="scss">
.detail-content {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
  .el-col {
    margin: 12px 0;
    span {
      color: #409eff;
    }
  }
  .btn-back {
    display: flex;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
  }
}
</style>
